*{margin: 0;padding: 0;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-size-adjust:100%}
table{border-collapse:collapse;border-spacing:0}
input{font-family: "Microsoft YaHei"}
input[type=submit]{cursor: pointer;border: none;}
a{color: #333;text-decoration: none}
a:hover{text-decoration: underline}
ul,li,ol{list-style: none}

body{padding: 0 5%;background: #fafafa;font-family: "Microsoft YaHei"}

header{height: 51px;background: #3575d3;position: relative}
header h1{position: absolute;left: 10px;top: 10px}
header form{position: absolute;right: 20px;top: 0;width: 80%;text-align: right;padding-top: 10px}
header input[type=text]{width: 50%;height: 30px;border: none;padding: 5px 10px}
header input[type=submit]{height: 30px;width: 80px;background: #fff;font-size: 16px;}
header a.refresh{height: 30px;width: 80px;display: inline-block;text-align: center;background: #fff;color: #000;vertical-align: top;line-height: 30px}

.main-data{margin-top: 20px;}
.main-data li{border: 1px solid #ddd;background: #fff;padding: 15px;position: relative;margin: 18px 0;padding-left: 140px;clear: both}
.main-data li .number{position: absolute;color: #3575d3;font-size: 15px;font-weight:bold;left: 0;top:0;min-width: 120px;bottom: 0;background: #efefef;text-align: center;padding-top: 25px}
.main-data li a{color: #3575d3;float: left;margin-right: 20px;display: block;width: 60px}
.main-data li a:hover{text-decoration: underline;}
.main-data li p{float: left;flex: 1}
.main-data li small{color: #999}
.main-data li div{line-height: 26px;display: flex}
.main-data li div:after{content: '';clear: both;display: block}

.page{padding: 30px 0;}
.page li{float: left;}
.page li a,
.page li span{display: inline-block;padding: 3px 10px;background: #fff;color: #3575d3;margin: 0 3px;border: 1px solid #3575d3}
.page li.active span {background: #3575d3;color: #fff}
.page li.disabled span {background: #eee;color: #777;border: 1px solid #ddd}